// pages/my_petTrip1/my_petTrip1.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    distance:'点击获取距离',
    markers:[{},{}],
    polyline: [{ // 绘制多边形区域，两个点绘制直线
      points: [ // 这里传入两个点是直线，如果传入三个点以上就会是首尾相连的多边形区域
        {
          longitude:0,
          latitude:0
        }, {
          longitude:0,
          latitude: 0,
        }
      ],
        color: "#FF0000DD", // 设置颜色
        width: 2, // 设置线宽度 注：电脑模拟器无法预览测设设置，此设置需要手机测试
        dottedLine: false // 是否设置为虚线
    }],
  },
  Rad:function(d){
      return d * Math.PI / 180.0;//经纬度转换成三角函数中度分表形式。
  },

      //进行经纬度转换为距离的计算
getMapDistance:function(lat1,lng1,lat2,lng2) {
  var radLat1 = this.Rad(lat1);
  var radLat2 = this.Rad(lat2);
  var a = radLat1 - radLat2;
  var  b = this.Rad(lng1) - this.Rad(lng2);
  var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a/2),2) +
  Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));
  s = s *6378.137 ;// EARTH_RADIUS;
  s = Math.round(s * 10000) / 10000; //输出为公里
  s=s.toFixed(2);
  console.log(s+"km");
  this.setData({
    distance:s+"km"
  })
},
  showLocation:function() {
    let Alat = wx.getStorageSync('lat');
    let Alng = wx.getStorageSync('lng');
    console.log(Alng,Alat);
    var i = 0;
    var index = "markers["+(i+1)+"]";
    this.setData({
        [index]:{
          latitude:Alat,
          longitude:Alng,
          iconPath:'https://s3.bmp.ovh/imgs/2021/11/ed7765ef53d0ee9d.png',
          width:30,
          height:30,
          callout: {
            content:"宠物位置",
            color:'#f96',
            fontSize:11,
            borderRadius:5,
            borderWidth:1,
            padding:2,
            display:"ALWAYS"
          }
        },
   
      
      "polyline[0].points[0].longitude":Alng,
      "polyline[0].points[0].latitude":Alat,
    })
    
    /* 调用计算距离的函数 */
    this.getMapDistance(Alat,Alng,this.data.polyline[0].points[1].latitude,this.data.polyline[0].points[1].longitude);
  },
  getweizhi:function(){
    var that = this;

    wx.getLocation({
      success: res=>{
        console.log(res)
        that.setData({
          markers:[
            {
              latitude:res.latitude,
              longitude:res.longitude,
              iconPath:'https://s3.bmp.ovh/imgs/2021/11/9584ea483606bc78.png',
              width:30,
              height:30,
              callout: {
                content:"我的位置",
                color:'#f96',
                fontSize:11,
                borderRadius:5,
                borderWidth:1,
                padding:2,
                display:"ALWAYS"
              }
            }
          ],
          
          "polyline[0].points[1].longitude":res.longitude,
          "polyline[0].points[1].latitude":res.latitude,
          "polyline[0].points[0].longitude":res.longitude,
          "polyline[0].points[0].latitude":res.latitude,
            
         
        })
      }
    })
  },
  onLoad: function (options) {

   
      
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.getweizhi();/* 获取当前地理位置 */
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log(this.data.polyline[0].points)
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})